<template lang="pug">
div.horizontal-bisection(:class="[styleName]")
  slot
</template>

<script>
export default {
  name: "HorizontalBisection",
  props: {
    styleName: {
      type: String,
      default: 'normal',
    }
  }
}
</script>

<style lang="scss" scoped>
.horizontal-bisection{
  display: flex;
  &.normal{
    & > div{
      flex: 1;
    }
  }
  &.between{
    justify-content: space-between;
  }
}
</style>
